<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>确认订单</title>
  <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/orders.css">
</head>

<body>
  <!-- 主体内容：滑动查看 -->
  <div class="main">
    <!-- 用户信息 -->
    <div class="pannel user_msg">
      <div class="location">
        <i class="iconfont icon-icon-test20"></i>
      </div>
      <div class="user">
        <div class="top">
          <h5>林俪</h5>
          <p>18933004599</p>
        </div>
        <div class="bottom">北京市 海淀区 中关村软件园 信息科技大厦1号 楼410#</div>
      </div>
      <div class="more">
        <i class="iconfont icon-icon-test61"></i>
      </div>
    </div>
    <!-- 用户信息 -->

    <!-- 商品信息 -->
    <div class="pannel goods">
      <div class="pic">
        <a href="#">
          <img src="./uploads/goods.jpg" alt="">
        </a>
      </div>
      <div class="info">
        <h5>康尔贝 非接触式红外体温仪
          领券立减30元 婴儿级材质 测温...</h5>
        <p><span>粉色</span><span>红外体温计</span></p>
        <div class="price">
          <span class="red">￥<i>266</i></span>
          <span>￥<i>299</i></span>
        </div>
      </div>
      <div class="count">
        x <span>3</span>
      </div>
    </div>
    <!-- 商品信息 -->

    <!-- 其它信息 -->
    <section class="pannel rest">
      <div>
        <h5>配送方式</h5>
        <p>顺丰快递</p>
      </div>
      <div>
        <h5>买家备注</h5>
        <p>希望尽快发货，谢谢！</p>
      </div>
      <div>
        <h5>支付方式</h5>
        <p>支付宝
          <i class="iconfont icon-icon-test61"></i>
        </p>
      </div>
    </section>
    <!-- 其它信息 -->

    <!-- 价格信息 -->
    <section class="pannel cost">
      <div>
        <h5>商品总价</h5>
        <p>￥<i>299.00</i></p>
      </div>
      <div>
        <h5>运费</h5>
        <p>￥<i>0.00</i></p>
      </div>
      <div>
        <h5>折扣</h5>
        <p>-￥<i>30.00</i></p>
      </div>
    </section>
    <!-- 价格信息 -->
  </div>
  <!-- 主体内容：滑动查看 -->

  <!-- 底部支付：固定定位 -->
  <div class="pay">
    <div class="left">
      合计：<span class="red">￥<i class="red">266.00</i></span>
    </div>
    <div class="right">
      <a href="#">去支付</a>
    </div>
  </div>
  <!-- 底部支付：固定定位 -->
</body>

</html>